<template>
  <div>
    <h1>{{ message }}</h1>
    <!-- {{ aaa | bbb}} -->
    <!-- bbb(aaa) -->
    <h1>{{ message | fn }}</h1>
    <!-- 两个参数 -->
    <h1>{{ message | fn('++') }}</h1>
    <h1>{{ message | fn('--') | fo }}</h1>
    <h1>{{ message | fn('++') | fo(false) }}</h1>
  </div>
</template>
<script>
export default {
  filters: {
    // fn(value, flag = ' ') {
    //   value = value.toString()
    //   return value.charAt(0).toUpperCase() + value.slice(1) + flag
    // },
    // fo(value, flag = true) {
    //   return value + '123' + (flag ? 'qwe' : 'ewq')
    // }
  },
  data() {
    return {
      message: 'abc'
    }
  }
}
</script>
